import Head from 'next/head'
import Link from 'next/link'
import Layout, { siteTitle } from '../components/layout'
import utilStyles from '../styles/utils.module.css'

export default function Home() {
    const list = [{
            a: "Documentation &rarr;",
            b: "Find in-depth information about Next.js features and API.",
            c: 'https://nextjs.org'
        },
        {
            a: "Documentation &rarr;",
            b: "Find in-depth information about Next.js features and API.",
            c: '"https://nextjs.org/learn'
        },
        {
            a: 'Examples &rarr;',
            b: 'Discover and deploy boilerplate example Next.js projects.',
            c: 'https://github.com/vercel/next.js/tree/master/examples'
        },
        {
            a: 'Deploy &rarr;',
            c: 'https://vercel.com/import?filter=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app'
        }
    ]
    let homeTitle = 'xxx'
    return (
          <Layout home>
      <Head>
        <title>{homeTitle}</title>
      </Head>
      <section className={utilStyles.headingMd}>
        <p>[Your Self Introduction]</p>
        <p>
          (This is a sample website - you’ll be building a site like this on{' '}
          <a href="https://www.nextjs.cn/learn">our Next.js tutorial</a>.)
        </p>
      </section>
    </Layout>
    )
}